<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS3动画</title>
<style>
	#main{ width:150px; height:150px; border:1px black solid; }
	#box{ width:50px; height:50px; background:red; 
		animation:1s move 3; }
	@keyframes move{
		0%{ transform:translate(0,0); }
		100%{ transform:translate(100px,0); }
	}
</style>
</head>
<body>
<div id="main">
	<div id="box"></div>
</div>
</body>
</html>
